.v-note-wrapper.markdown-body {
  padding: 0 !important;
  z-index: 998;
  border: none;
  &.article-md {
    .v-show-content {
      padding: 0 0 15px !important;
    }
  }
  .v-note-edit {
    background: #fff;
  }
  .v-note-show {
    transition: none !important;
    .v-show-content {
      position: relative;
      &::-webkit-scrollbar {
        width: 5px !important;
      }
      &::-webkit-scrollbar-thumb {
        width: 5px;
        background-color: rgb(201, 205, 212) !important;
        border-radius: 2px;
      }
      &::-webkit-scrollbar-track {
        background-color: #fff;
      }
      .hljs {
        padding: 0;
        border-radius: 0;
      }
      pre {
        position: relative;
        border-radius: 4px;
        overflow: hidden;
        .code-block-extension-header {
          height: 32px;
          position: relative;
          .expand-icon {
            position: absolute;
            left: 8px;
            top: 2px;
            font-size: 18px;
            cursor: pointer;
            color: #8c8c8ccc;
            font-style: normal;
            &.ri-arrow-right-s-fill + span + div {
              background: transparent;
            }
          }
          .copy-code-btn {
            position: absolute;
            top: 10px;
            right: 12px;
            font-size: 12px;
            line-height: 1;
            cursor: pointer;
            color: hsla(0,0%,54.9%,.8);
            transition: color .1s;
            z-index: 9;
          }
          & > div {
            position: absolute;
            bottom: 0;
            left: 8px;
            right: 8px;
            height: 1px;
            background: rgb(189 131 131 / 5%);
          }
        }
        code {
          border-radius: 0;
          &[class^="lang-"] {
            background: none;
            color: inherit;
          }
        }
      }
      mark {
        word-break: break-word;
        border-radius: 2px;
        overflow-x: auto;
        background-color: #fff5f5;
        color: #ff502c;
        font-size: 0.87em;
        padding: 0.065em 0.4em;
      }
      img {
        max-width: 100%;
      }
      table {
        table-layout: auto !important;
        width: 100%;
        max-width: 100%;
        display: table !important;
        tr {
          td {
            word-break: break-word !important;
          }
        }
      }
    }
  }
}

.v-note-help-wrapper .v-note-help-content {
  overflow: hidden;
}
